@font-face {
    font-family: "MyFont";
    src: url("/asset/font/pt-sans.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

* {
    /* font-family: "PT Sans", Roboto, Montserrat; */
    font-family: PingFangSC, PingFang SC;
    /* color: #EAECEF; */
}

/* body {
    font-family: -apple-system, BlinkMacSystemFont, "Trebuchet MS", Roboto, Ubuntu, sans-serif; 
    font-family: "MyFont", Consolas, Menlo, monospace;
    font-family: "PT Sans", Roboto, Montserrat;
    font-family: "HarmonyOS Sans", "PingFang SC", OSPunctuation, "Microsoft Yahei", "Heiti SC", "WenQuanYi Micro Hei", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight: 700;
} */
::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
    background: 0 0;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(203, 215, 255, 0.3);
    border-radius: 6px;
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
    background: 0 0;
}

.dark {
    color: red;
}

.light {
    color: #0000ff;
}

:root {
    --main: #fcc235;
    --main-act: #e6af26;
    --main-h: #e9b32c;
    --main-a: #b68712;
    --main-op: #fcc43518;
    --sub: #b1b6c6;
    --win: #0dcb81;
    --lose: #f6475d;
    /* --border: #232831; */
    /* --border: #252b34; */
    --border: #32363f;
    /* --border_: #343a41; */
    --border_: #242830;
    --border_r: 1px solid var(--border_);
    /* --card: #1d2125; */
    --card: #1c1f25;
    --card-h: #252930;
    --color: #b1b6c6;
    --color-2: #eaecef;
    --bga: #3a4149;
    --bgb: #1b1e23;
    --bgs: #171a1f;
    --bgc: #15181d;
    --space: 10px;
    --px: 20px;
    /* 列表高度 */
    --row-height: 38px;
    /* 列表边距 */
    --row-space: 20px;
    --radius: 6px;
    --max-screen-width: 1800px;
}

.y-active {
    color: var(--main) !important;
}

.c-clor {
    color: var(--color);
}

.main-color {
    color: var(--main);
}

.sub-color {
    color: var(--sub);
}

.win-color {
    color: var(--win) !important;
}

.user-none {
    user-select: none;
}

.lose-color {
    color: var(--lose) !important;
}

.normal-color {
    color: var(--color-2);
}

body {
    height: 100vh;
    overflow-y: scroll;
    scroll-behavior: smooth;
    background: #000;
}

.v-application {
    background: #000 !important;
}

:root {
    --font-family: "MyFont", "HarmonyOS Sans", "PingFang SC", OSPunctuation, "Microsoft Yahei", "Heiti SC", "WenQuanYi Micro Hei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.seo-font{
    font-size: 1px;
}
.seo-tag{
    position: absolute;
    z-index: -99;
    left: -9999px;
    font-size: 0.1px;
}
.c-title-1 {
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
}

.c-title-2 {
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.c-title-3 {
    font-family: var(--font-family);
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.c-title-4 {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.c-title-5 {
    font-family: var(--font-family);
    font-size: 12px !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.c-title-6 {
    font-family: var(--font-family);
    font-size: 20px !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

:deep(.v-breadcrumbs-item--link) {
    color: #eee !important;
}

:deep(.v-breadcrumbs-item--disabled) {
    color: #fff !important;
}

.more-t {
    z-index: 1;
    width: 200px;
    white-space: wrap;
    /* padding: 10px; */
    /* background: #000;
    color: #fff; */
    /* border-radius: 4px; */
    font-size: 12px;
    font-family: var(--font-family);
}

.c-timew {
    width: 70px;
    /* background-color: red; */
}

.coin-link {
    color: #b1b6c6;
    cursor: pointer;
}

.cursor-link {
    cursor: default;
}

.coin-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

.coin-link1:hover {
    color: #ffffff;
    /* text-decoration: underline; */
}

.inp-box {
    width: 100%;
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inp-t {
    width: 100%;
}

.inp-all {
    height: 400px;
    overflow-y: auto;
   
}

.inp-all .v-list-item{
    padding-block: 20px;
}

.v-list {
    background: var(--card) !important;
    padding: 0 !important;
    border: 1px solid var(--border);
}

.v-list-item:not(.v-list-item:last-child) {
    border-bottom: 1px solid var(--border);
}

.v-list-item:hover {
    background-color: var(--card-h) !important;
}

.v-list-item-title {
    font-size: 12px !important;
}

.c-bold {
    font-weight: bold;
}

.v-pagination {
    text-align: right;
    /* background-color: rgba(203, 215, 255, 0.3); */
}

.v-pagination__list {
    width: auto !important;
    color: #9fa6ad;
}

.v-btn[ellipsis="false"] {
    width: auto !important;
    min-width: 34px !important;
    /* background-color: red ; */
}

/* 重写...透明度为1 */
.v-btn[ellipsis="true"] {
    /* display: none; */
    opacity: 1 !important;
}

.v-btn__content {
    overflow-x: auto;
    justify-content: left !important;
    font-size: 16px;
    font-family: var(--font-family);
}

.v-pagination__item--is-active .v-btn__content {
    color: var(--main);
    /* font-weight: 700; */
}

.v-pagination__list button {
    width: 34px !important;
    height: 34px !important;
}

.v-pagination__list button[ellipsis="true"] {
    /* display: none; */
    /* color: #9fa6ad; */
    background-color: transparent;
}

/* 当前选中页的分页颜色 */
/* .v-pagination__list button[aria-current="true"] {
    color: var(--main) !important;
} */

/* vtify的下拉组件样式重写 */
.v-input {
    height: 30px;
    /* background-color: yellow; */
}

.v-label,
.v-select__selection,
.v-field {
    font-size: 11px !important;
}

.v-field__input {
    padding-left: 15px !important;
    padding-top: 5px !important;
}

.v-input__control {
    width: 80%;
}

.v-field__field {
    height: 30px;
    /* background-color: red; */
}

.v-select__selection {
    height: 100%;
}

.long-txt {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-wrap: nowrap;
}

.cw-tooltip {
    background: rgba(45, 50, 55, 0.8);
    color: #fff;
    padding: 20px;
    border: 1px #3a3a3a solid !important;
    border-radius: 8px;
}

/* 重写v-tips的样式 */
.v-overlay__content {
    padding: 0px !important;
    background: transparent !important;
}

.more-t {
    padding: 5px 10px;
    color: white !important;
    border-radius: 4px;
    background-color: transparent !important;
}

.v-field__overlay {
    border: none !important;
}

.bord {
    position: relative;

}

.bord:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid var(--border);
}

.id-close {
    position: absolute;
    left: 6px;
    top: 6px;
    z-index: 10;
    width: 14px;
    height: 14px;
    mask-image: url("@/assets/close.png");
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    /* background: url("@/assets/close.png") no-repeat center; */
    /* background-size: 64% auto; */
    background-color: #b1b6c6;
    cursor: pointer;
}

.id-close:hover {
    /* transform: scale(1.08); */
    background-color: #fff;
}

/* .v-overlay__conten{
    background: #0000ff !important;
    opacity: 0.4;
  
}
.more-t{
    color: red !important;  
} */

.ybdr-b {
    border-bottom: 1px solid var(--border);
}

.ybdr-t {
    border-bottom: 1px solid var(--border);
}

.y-select .v-list-item {
    width: 150px;
}

.y-select .v-list-item-title {
    width: 100% !important;
}